<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>
<body>
<form action="/user/userLogin" method="post" id="loginForm">
    账  号：<input type="text" id="username" class="register" name="username"/><br/>
    密  码：<input type="password" id="password" class="register" name="password"/><br/>
    <input type="button" value="登录" id="loginBtn" />
</form>
<script type="text/javascript" src="../js/jquery/jquery-3.4.1.min.js"></script>
<script>
    $('#loginBtn').click(function () {
        var targetUrl = $("#loginForm").attr("action");
        var formData = $("#loginForm").serialize();
        console.log('formData',formData)
        // console.log('formDataJson',formDataJson)
        $.ajax({
            type: "post",//请求方式
            url: targetUrl,//请求服务器地址
            // contentType: false,//设置将要传输内容的编码类型
            // processData : false,
            data:formData,
            success: function (data) {//完成时的事件
                alert('注册成功')
                console.log('data',data)
            },
            error: function (error) {//出现错误时的事件
                alert('注册失败，失败原因：'+error.responseJSON.errors[0].defaultMessage)
                console.log('error',error)
            }
        });
    });
</script>
</body>
</html>